<template>
  <div id="firstBox">
    <div style="height:50px;font-size:20px;margin-left:20px" class="goCenterUp">
      <el-breadcrumb separator=">">
        <el-breadcrumb-item :to="{ path: '/home/firstPage' }">后台管理</el-breadcrumb-item>
        <el-breadcrumb-item>
          <a href="/home/firstPage">首页</a>
        </el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="jiange">
      <span class="fistPageTitle1">
        <i class="el-icon-time"></i>今日实时
      </span>
      <div class="jiange">
        <el-row class="textCenter">
          <el-col :span="6" class="titleCircle">实时流水</el-col>
          <el-col :span="6">会员流水</el-col>
          <el-col :span="6">课程流水</el-col>
          <el-col :span="6">题库流水</el-col>
        </el-row>
        <el-row class="textCenter">
          <el-col :span="6">0</el-col>
          <el-col :span="6">0</el-col>
          <el-col :span="6">0</el-col>
          <el-col :span="6">0</el-col>
        </el-row>
      </div>
      <div class="jiange">
        <el-row class="textCenter">
          <el-col :span="6">培训流水</el-col>
          <el-col :span="6">考证流水</el-col>
          <el-col :span="6">委培流水</el-col>
          <el-col :span="6">招聘流水</el-col>
        </el-row>
        <el-row class="textCenter">
          <el-col :span="6">0</el-col>
          <el-col :span="6">0</el-col>
          <el-col :span="6">0</el-col>
          <el-col :span="6">0</el-col>
        </el-row>
      </div>
      <el-divider></el-divider>
      <div class="jiange">
        <el-row class="textCenter">
          <el-col :span="6">总用户数</el-col>
          <el-col :span="6">新增用户</el-col>
          <el-col :span="6">活跃用户</el-col>
          <el-col :span="6" style="color:#F56C6C">用户反馈</el-col>
        </el-row>
        <el-row class="textCenter">
          <el-col :span="6">0</el-col>
          <el-col :span="6">0</el-col>
          <el-col :span="6">0</el-col>
          <el-col :span="6" style="color:#F56C6C">0</el-col>
        </el-row>
      </div>
      <el-divider></el-divider>
      <div class="jiange">
        <el-row class="textCenter">
          <el-col :span="6">培训流水</el-col>
          <el-col :span="6">考证流水</el-col>
          <el-col :span="6">委培流水</el-col>
          <el-col :span="6">招聘流水</el-col>
        </el-row>
        <el-row class="textCenter">
          <el-col :span="6">0</el-col>
          <el-col :span="6">0</el-col>
          <el-col :span="6">0</el-col>
          <el-col :span="6">0</el-col>
        </el-row>
      </div>
      <el-divider></el-divider>
    </div>
    <div class="jiange">
      <span class="fistPageTitle1">
        <i class="el-icon-document"></i>当前资讯
      </span>
      <div class="jiange">
        <div class="newsBox">
          <el-carousel :interval="3000" type="card" height="250px">
            <el-carousel-item v-for="index in newsList" :key="index">
              <el-image style="width:100%; height: 250px" :src="index" fit="cover"></el-image>
            </el-carousel-item>
          </el-carousel>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
        newsList:[
            'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
            'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
             'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg',
        ]
    };
  }
};
</script>
<style>
.goCenterUp {
  display: flex;
  align-items: center;
}
.jiange {
  margin: 20px 20px 0 20px;
}
.fistPageTitle1 {
  font-size: 20px;
  font-weight: bold;
}
.textCenter {
  text-align: center;
}
/* .newBox {
  width: 60%;
} */

</style>